/* components/custom-checkbox/custom-checkbox.wxss */
.custom-checkbox-container{
  display: inline-block;  // 设置为行内块元素
}
.custom-checkbox-box{
    //
    display: flex;
    align-items: center;  // 组件 垂直方向居中  在一行的连个组件对齐
}

.custom-checkbox-box.left{
    flex-direction: row-reverse;
}
.custom-checkbox-box.right{
    flex-direction: row;
}
.custom-checkbox{
    margin-left: 10rpx;
    // width: 50rpx;
}

// 在自定义组件的scss文件中设置样式，要在组件的js文件中  设置 styleIsolation:"shared"  才生效
// 复选框未选中样式
.custom-checkbox .wx-checkbox-input{
  width: 24rpx !important;
  height: 24rpx !important;
  border-radius: 50% !important;
  border: 1rpx solid #fda007 !important;
}
// 复选框选中样式
.custom-checkbox .wx-checkbox-input-checked{
  background-color: gold;
}
//复选框选中时  对号  的样式
.custom-checkbox .wx-checkbox-input-checked:before{
  // font-size: 20rpx;
  color: #f70a0a;
  // color: #ffffff;
}